<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>歌手显示</title>
    <link rel="stylesheet" type="text/css" href="../static/css/style.css"/>
    <link href="../static/css/bootstrap_5.min.css" rel="stylesheet">
    <link href="../static/font/bootstrap-icons.css" rel="stylesheet">
    <link href="../static/css/index.css" rel="stylesheet">
    <link href="../static/css/mypage.css" rel="stylesheet">
    <script src="../static/js/jquery-1.11.2.min.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/style.css"/>
    <link href="/css/bootstrap_5.min.css" rel="stylesheet">
    <link href="/font/bootstrap-icons.css" rel="stylesheet">
    <link href="/css/index.css" rel="stylesheet">
    <link href="/css/mypage.css" rel="stylesheet">
    <script src="/js/jquery-1.11.2.min.js"></script>
    <script src="/js/VarGloba.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div th:replace="../templates/nav :: nav"></div>
<!--我的音乐-->
<div class="headerbg" style="background-image: url(https://img2.baidu.com/it/u=2035491714,3391126442&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800)">
    <div class="geRenZiLiao">
        <div>
            <img th:src="${singer.getSinger_photourl()}"  style="width: 200px;height: 200px;">
        </div>
        <h3 class="mingzijuzhong" th:text="${singer.getSinger_name()}">用户名</h3>
    </div>
</div>

<div class="content">
    <div>
        <br><br>
        <!--我-->
        <div id="content-music"  >
            <div class="big4 gedan" style="width: 1000px; margin-left: 80px; overflow: auto;">
                <div class="xiaodaohang">
                    <div class="clearfix" style="height: 500px">
                        <table style="width: 1000px;margin: auto; overflow: auto;">
                            <thead>
                            <tr style="border-bottom: 1px solid #919191;line-height: 35px;">
                                <th style="text-align: center;font-size: 15px">歌名</th>
                                <th style="text-align: center;font-size: 15px">上传日期</th>
                                <th style="text-align: center;font-size: 15px">播放</th>
                            </tr>
                            </thead>
                            <tbody style="font-size: 16px">
                            <tr th:each="music1:${music}">
                                <th style="text-align: center;font-size: 15px" th:text="${music1.getMusic_name()}">序号</th>
                                <th style="text-align: center;font-size: 15px" th:text="${music1.getMusic_creatdate()}">歌名</th>
                                <th style="text-align: center;font-size: 15px"><a class="glyphicon glyphicon-play" th:href="'/musicruning/'+${music1.getMusic_id()}"></a></th>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--<section th:replace="../templates/bottom :: footer"></section>-->
</body>
<script src="../static/js/bootstrap.bundle.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
</html>